<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ include file="/WEB-INF/share/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>
<title>开通系统</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<%@ include file="/WEB-INF/share/wechat.jsp"%>
<style>
.contentorder {
	width: 85%;
	display: inline-block;
	overflow: hidden;
}

.contentorder .marqueebox {
	width: 80%;
	list-style: none;
	overflow: hidden;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}

.marqueebox dd {
	padding: 5px 2px 5px 1px;
	margin-left: 0px;
}

.marqueebox dd a {
	width: 100%;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.marqueebox dd a, .marqueebox a:focus {
	color: red;
}
</style>
<script>
		var contentPath = '${ctx}';
	</script>
</head>
<body>
	<%@ include file="/WEB-INF/share/wechattop.jsp"%>
	<div class="mui-content">
		<div class="mui-control-content mui-active">
			<div class="mui-content">
				<div class="mui-slider mui-fullscreen">
					<div class="mui-slider-group">
						<div class="mui-slider-item mui-control-content mui-active">
							<div class="mui-scroll-wrapper">
								<div class="mui-scroll">
									<div class="content">
										<dd class="contentorder">
											<dl id="marqueebox0" class="marqueebox">
												<c:forEach items="${orderList}" var="entry">
													<dd>
									                    <a href="javascript:void(0);">${entry.nickname}&nbsp;成功支付&nbsp;¥:${entry.money}</a>
									                	</dd><dd>
									            </c:forEach>
											</dl>
										</dd>
									</div>
									<div name="orderDatas">
										<ul class="mui-table-view">
											<li class="mui-table-view-cell">
												<div style="justify-content: space-between" class="box">
													<div>
														<img style="height: 21px; width: auto; margin-top: -5px;"
															src="${ctx}/wechat/img/az.png" />
														速成套餐( 手机 )
													</div>
													<div>
														<p class='mui-ellipsis'>
															<button type="button" class="mui-btn mui-btn-primary"
																onclick="buycode('6')">购买</button>
														</p>
													</div>
												</div>
											</li>
											<li class="mui-table-view-cell"><a class="choose">
													<div class="mui-media-body">
														<div style="font-size: 0.32rem; margin: 0.2rem auto;"
															class="box box-align-left">
															<div style="text-align: left;" class="item">
																价格:<font style="color: red;"><b>¥19.9</b></font>
															</div>
														</div>
														<div style="font-size: 0.32rem; margin: 0.2rem auto;"
															class="box box-align-left">
															<div style="text-align: left;" class="item">使用天数:5天
																</div>
														</div>
														<p class='mui-ellipsis'>微信支付成功，系统自动开通。</p>
													</div>
											</a></li>
										</ul>
										<ul class="mui-table-view">
											<li class="mui-table-view-cell">
												<div style="justify-content: space-between" class="box">
													<div>
														<img style="height: 21px; width: auto; margin-top: -5px;"
															src="${ctx}/wechat/img/az.png" />
														尊享套餐( 手机 )
													</div>
													<div>
														<p class='mui-ellipsis'>
															<button type="button" class="mui-btn mui-btn-primary"
																onclick="buycode('2')">购买</button>
														</p>
													</div>
												</div>
											</li>
											<li class="mui-table-view-cell"><a class="choose">
													<div class="mui-media-body">
														<div style="font-size: 0.32rem; margin: 0.2rem auto;"
															class="box box-align-left">
															<div style="text-align: left;" class="item">
																价格:<font style="color: red;"><b>¥38</b>&nbsp;&nbsp;<s>原价:¥99</s></font>
															</div>
														</div>
														<div style="font-size: 0.32rem; margin: 0.2rem auto;"
															class="box box-align-left">
															<div style="text-align: left;" class="item">使用天数:30天
																</div>
														</div>
														<p class='mui-ellipsis'>微信支付成功，系统自动开通。</p>
													</div>
											</a></li>
										</ul>
										<ul class="mui-table-view">
											<li class="mui-table-view-cell">
												<div style="justify-content: space-between" class="box">
													<div>
														<img style="height: 21px; width: auto; margin-top: -5px;"
															src="${ctx}/wechat/img/az.png" />
														至尊套餐( 手机 )
													</div>
													<div>
														<p class='mui-ellipsis'>
															<button type="button" class="mui-btn mui-btn-primary"
																onclick="buycode('8')">购买</button>
														</p>
													</div>
												</div>
											</li>
											<li class="mui-table-view-cell"><a class="choose">
													<div class="mui-media-body">
														<div style="font-size: 0.32rem; margin: 0.2rem auto;"
															class="box box-align-left">
															<div style="text-align: left;" class="item">
																价格:<font style="color: red;"><b>¥58</b>&nbsp;&nbsp;<s>原价:¥198</s></font>
															</div>
														</div>
														<div style="font-size: 0.32rem; margin: 0.2rem auto;"
															class="box box-align-left">
															<div style="text-align: left;" class="item">使用天数:60天
																</div>
														</div>
														<p class='mui-ellipsis'>微信支付成功，系统自动开通。</p>
													</div>
											</a></li>
										</ul>
										<div style="width: 100%; height: 50px"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<%@ include file="/WEB-INF/share/wechatscript.jsp"%>
		<script src="${ctx}/wechat/js/marquee.js"></script>
		<script>
		startmarquee(40, 50, 3000, 0);

		function buycode(id){
			location.href="${ctx}/wxpay/paydetail?id="+id;
		}
		</script>
</body>
</html>
